<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <div class="header">
        <nav class="navbar navbar-expand-lg fixed-top">
            <div class="container">
                <a href="/" target="_self" class="navbar-brand">ABC</a>
                <ul class="navbar-nav mx-auto medallia-nav">
                    <li class="nav-item">
                        <a href="#" class="nav-link">abc</a>
                    </li>
                    <li class="nav-item">
                        <a href="#" class="nav-link">abc</a>
                    </li>
                    <li class="nav-item">
                        <a href="#" class="nav-link">Product</a>
                    </li>
                    <li class="nav-item">
                        <a href="/" class="nav-link">Contact</a>
                    </li>
                </ul>
                <div class="language">
                    <div id="dropdown-dropup" class="dropdown b-dropdown btn-group"><button type="button"
                            class="btn dropdown-toggle btn-secondary"
                            style="background-color: #fff; color: #000; border: 0;">
                            <img src="./assets/language.svg" alt="">
                            <span class="lang-abv">中文</span></button>
                        <ul role="menu" class="dropdown-menu">
                            <li role="presentation" class="active"><a role="menuitem" href="#" target="_self"
                                    class="dropdown-item">English</a></li>
                            <li role="presentation"><a role="menuitem" href="#" target="_self"
                                    class="dropdown-item">中文</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </nav>
    </div>

    <main>
        <section style="background-color: #f4f0ed;">
            <div class="container" style="padding: 130px 0; text-align: center;">
                <img src="https://static.wixstatic.com/media/97c7f5_6ff556f103be4df283b4ebc19474f597~mv2.png/v1/fill/w_877,h_210,al_c,usm_0.66_1.00_0.01,enc_auto/SharingOS-VehiclesMockup.png"
                    alt="SharingOS-VehiclesMockup.png"
                    style="width:877px;height:210px;object-fit:cover;object-position:50% 50%;">
                <h1 style="margin-top: 40px;">Werden Sie zu einem Unternehmen, das Kunden lieben.</h1>
                <p>SharingOS is a global mobility sharing company aimed to empower last-mile solutions across the globe.
                    We provide end-to-end software and hardware solutions to operators wanting to be a part of the
                    revolution in the mobility space worldwide.</p>
                <div class="row links justify-content-center" style="margin-top: 60px;">
                    <div class="text-right col-md-6">
                        <a class="btn btn-purple">Demo anfordern</a>
                    </div>
                    <div class="text-left col-md-6"><a class="btn btn-purple-ghost" role="button">Kundenbeispiele</a>
                    </div>
                </div>
            </div>
        </section>
        <section class="home-white-boxes" style="margin-top: -70px;">
            <div class="h-100 container">
                <div class="row h-100">
                    <div class="col-md-4">
                        <div class="card h-100 shadow">
                            <!---->
                            <!---->
                            <div class="card-body">
                                <!---->
                                <!---->
                                <div>
                                    <h2 id="die-medallia-plattform">Die Medallia-Plattform</h2>
                                </div>
                                <div>
                                    <p></p>
                                </div> <a href="/de/platform/" class="" data-di-id="di-id-e5ef5-463fa450">LESEN SIE MEHR
                                    </a>
                            </div>
                            <!---->
                            <!---->
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="card h-100 shadow">
                            <!---->
                            <!---->
                            <div class="card-body">
                                <!---->
                                <!---->
                                <div>
                                    <h2 id="experience-management-ressourcen">Experience-Management-Ressourcen</h2>
                                </div>
                                <div>
                                    <p></p>
                                </div> <a href="https://de.medallia.com/blog/" target="_blank" rel="noopener"
                                    data-di-id="di-id-bc6e116a-58cb2188">ERFAHREN SIE MEHR </a>
                            </div>
                            <!---->
                            <!---->
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="card h-100 shadow">
                            <!---->
                            <!---->
                            <div class="card-body">
                                <!---->
                                <!---->
                                <div>
                                    <h2 id="zugriff-auf-exklusive-updates-events">Zugriff auf exklusive Updates &amp;
                                        Events</h2>
                                </div>
                                <div>
                                    <p></p>
                                </div> <a href="https://go.medallia.com/de-newsletter-subscription.html" target="_blank"
                                    rel="noopener" data-di-id="di-id-3141b93c-78aa192c">JA, BITTE </a>
                            </div>
                            <!---->
                            <!---->
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- <section class="home-banner">
            <figure class="banner"
                style="position: absolute; height: 600px; overflow: hidden; left: 0; top: 0; width: 100%;">
                <img width="100%" class="parallax1" src="./assets/banner.jpg" />
            </figure>
            <div class="container">
                <div class="row">
                    <div class="col col-lg-8">
                        <div class="block-content" style="margin-top: 140px;">
                            <h1>生产 <span style="color:#1CBDC1;">充电宝</span> 文字文字文字文字文字文字文字文字文字</h1>
                            <h3 style="font-size:24px; color:#dedede;">
                                专业, 安全, 可靠，高效
                            </h3>
                        </div>

                        <div class="block-content">
                            <a href="#home-about" class="btn btn-contact-us">
                                联系我们 →
                            </a>
                        </div>
                    </div>
                    <div class="col col-lg-4">
                        <div style="background-color: #fff; padding: 60px 0; margin-top: 100px;">
                            <img src="./assets/d1.png" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </section> -->
        <section class="home-exp" style="margin-top: 120px;">
            <div class="container">
                <div class="row">
                    <div class="col">
                        <div>
                            <div class="row text-center headings">
                                <div class="col">
                                    <div>
                                        <h2>文字文字文字文字文字文字文字文字文字文字文字文字</h2>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-3 col-lg-4">
                                    <img width="100%"
                                        src="https://images.prismic.io/medallia/85272558-c848-4345-9792-4e7d5be22aa8_Home-CX01%402X.png?auto=compress,format">
                                </div>
                                <div class="col-md-9 col-lg-8">
                                    <div>
                                        <ul>
                                            <li><strong>标题1<br></strong>Egal, wie Sie sich mit Ihren Kunden vernetzen:
                                                Vertrauen Sie auf einen zuverlässigen Einblick in die Stimme Ihrer
                                                Kunden – mit integrierten Daten aus Web, Social Media, Videos,
                                                Textnachrichten und mehr.
                                            </li>
                                            <li><strong>标题2<br></strong>Egal, wie Sie sich mit Ihren Kunden vernetzen:
                                                Vertrauen Sie auf einen zuverlässigen Einblick in die Stimme Ihrer
                                                Kunden – mit integrierten Daten aus Web, Social Media, Videos,
                                                Textnachrichten und mehr.
                                            </li>
                                            <li><strong>标题3<br></strong>Egal, wie Sie sich mit Ihren Kunden vernetzen:
                                                Vertrauen Sie auf einen zuverlässigen Einblick in die Stimme Ihrer
                                                Kunden – mit integrierten Daten aus Web, Social Media, Videos,
                                                Textnachrichten und mehr.
                                            </li>
                                            <li><strong>标题4<br></strong>Egal, wie Sie sich mit Ihren Kunden vernetzen:
                                                Vertrauen Sie auf einen zuverlässigen Einblick in die Stimme Ihrer
                                                Kunden – mit integrierten Daten aus Web, Social Media, Videos,
                                                Textnachrichten und mehr.
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section class="home-stacked-columns grey-bg std-pad" style="padding: 80px 0;">
            <div class="container">
                <div class="row text-center justify-content-center">
                    <div class="col-md-6">
                        <div>
                            <h3 id="die-weltbesten-marken-kreieren-gro-artige-erlebnisse-">Die weltbesten Marken
                                kreieren großartige Erlebnisse.</h3>
                        </div>
                    </div>
                </div>
                <div class="row justify-content-center">
                    <div class="col-lg-10" style="text-align: center;">
                        <img class="shadow" src="./assets/screen 1.webp" alt="">
                    </div>
                </div>
            </div>
        </section>
        <section class="home-stacked-columns">
            <div class="h-100 container">
                <div class="row justify-content-center">
                    <div class="h-100 col-lg-10">
                        <div class="row h-100 align-items-center">
                            <div class="col-md-6">
                                <div class="heading">
                                    <p>文字文字<br>文字文字文字文字文字文字。</p>
                                </div>
                                <p>文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字</p>
                            </div>
                            <div class="col-md-6"><img width="100%"
                                    src="https://static.wixstatic.com/media/e0d6d9_b0a5fcfd2b6948c9a1d05a7f1075cac3~mv2.png/v1/crop/x_0,y_0,w_909,h_683/fill/w_493,h_369,al_c,usm_0.66_1.00_0.01,enc_auto/step_02_4.png">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section class="home-stacked-columns">
            <div class="h-100 container">
                <div class="row justify-content-center">
                    <div class="h-100 col-lg-10">
                        <div class="row flex-column-reverse flex-lg-row h-100 align-items-center">
                            <div class="col-md-6"><img width="100%"
                                    src="https://static.wixstatic.com/media/e0d6d9_d6ee2b418f48486790a144159ea62a44~mv2.jpeg/v1/fill/w_484,h_435,al_c,q_80,usm_0.66_1.00_0.01,enc_auto/n_lvneng_valkoinen.jpeg">
                            </div>
                            <div class="col-md-6">
                                <div class="heading">
                                    <p>文字文字文字文字文字文字文字文字文字文字</p>
                                </div>
                                <p>文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section class="home-contact">
            <figure class="location"
                style="position: absolute; height: 600px; overflow: hidden; left: 0; top: 0; width: 100%;">
                <img width="100%" src="./assets/location.jpeg" />
            </figure>
            <div class="container" style="padding: 80px 0;">
                <div class="row">
                    <div class="col col-lg-6">
                        <div class="block-content">
                            <h1>联系我们</h1>
                            <p>文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字</p>
                            <p>文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字</p>
                        </div>
                    </div>
                    <div class="col col-lg-6">
                        <div class="block-content">
                            <div class="form-wrapper">
                                <div class="form-inner-wrapper">
                                    <form class="form contact-us-form" autocomplete="on" method="POST" action="">

                                        <div class="field-list">
                                            <fieldset class="form-item fields name required">
                                                <label class="title">
                                                    姓名
                                                    <span class="required" aria-hidden="true">*</span>
                                                </label>
                                                <div class="row">
                                                    <div class="col col-lg-6 field">
                                                        <label class="caption">
                                                            <span class="caption-text">姓</span>
                                                            <input class="field-element field-control" name="fname"
                                                                type="text" maxlength="30" data-title="First"
                                                                aria-required="true">
                                                        </label>
                                                    </div>
                                                    <div class="col col-lg-6 field">
                                                        <label class="caption">
                                                            <span class="caption-text">名</span>
                                                            <input class="field-element field-control" name="lname"
                                                                type="text" maxlength="30" data-title="Last"
                                                                aria-required="true">
                                                        </label>
                                                    </div>
                                                </div>

                                            </fieldset>
                                            <div class="form-item field email required">

                                                <label class="title">
                                                    邮箱
                                                    <span class="required" aria-hidden="true">*</span>
                                                </label>
                                                <input class="field-element" name="email" type="email"
                                                    autocomplete="email" aria-required="true">
                                            </div>

                                            <fieldset class="form-item fields phone required">
                                                <label class="title">
                                                    电话
                                                    <span class="required" aria-hidden="true">*</span>
                                                </label>
                                                <div class="field text three-digits">
                                                    <label class="caption">
                                                        <input class="field-element" type="text" maxlength="3"
                                                            aria-required="true">
                                                    </label>
                                                </div>
                                            </fieldset>
                                            <div class="form-item field textarea required">
                                                <label class="title">
                                                    留言
                                                    <span class="required" aria-hidden="true">*</span>
                                                </label>

                                                <textarea class="field-element" aria-required="true"></textarea>
                                            </div>
                                        </div>
                                        <div class="form-button-wrapper" style="margin-top: 20px;">
                                            <input class="btn btn-submit" type="submit" value="提交">
                                        </div>

                                        <div class="hidden form-submission-text">感谢!</div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </section>
    </main>

    <script src="./home.js"></script>
</body>

</html>